<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax index</title>


</head>
<body>
<button onblur="f1()">test ajax</button>
</body>
<script type="text/javascript">
    {#这里遇到一个问题：火狐浏览器button点击调用函数不成功？#}

    function f1() {
        var xmlHttp = createXMLHttpRequest()
        alert(xmlHttp.readyState);
        xmlHttp.onreadystatechange = function () {
            alert(xmlHttp.responseText)
            alert(xmlHttp.readyState)
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var data = xmlHttp.responseText
                alert(data)
            }
        };

    }

    xmlHttp.open("GET", "/ajax_receive/", true)
    xmlHttp.send(null);

    function createXMLHttpRequest() {
        var xmlHttp
        // 适用于大多数浏览器，以及IE7和IE更高版本
        try {
            xmlHttp = new XMLHttpRequest()
        } catch (e) {
            // 适用于IE6
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                // 适用于IE5.5，以及IE更早版本
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                }
            }
        }
        return xmlHttp
    }


</script>
</html>